.layout-recharge-box {
	padding-bottom: 170rpx;
}
.card {
	background-color: #ffffff;
	border-radius: 16rpx;
	padding: 32rpx;
	margin: 24rpx;

	.item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 40rpx;

		.label,
		.balance {
			color: #292b2e;
			font-size: 32rpx;
		}

		.recharge {
			color: #d33123;
		}
	}

	.recharge-box {
		margin-bottom: 8rpx;

		.recharge-tip {
			color: #292b2e;
			font-size: 26rpx;
			margin-bottom: 20rpx;
		}

		.recharge-type {
			display: flex;
			flex-wrap: wrap;
			.recharge-item {
				background-color: #f3f1f1;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 48%;
				height: 100rpx;
				border-radius: 8rpx;
				font-size: 28rpx;
				color: #292b2e;
				margin-bottom: 20rpx;
				margin-right: 20rpx;
				&.recharge-item-activated {
					background-color: #d33123;
					color: #ffffff;
				}
			}
			.recharge-item:nth-of-type(2n) {
				margin-right: 0;
			}
		}
	}

	.tip {
		color: #6e737d;
		font-size: 24rpx;
		line-height: 40rpx;
		margin-top: 32rpx;
	}
}
